<%--
  Created by IntelliJ IDEA.
  User: Administrator
  Date: 2021/10/14
  Time: 17:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>易买网 - 首页</title>
    <link type="text/css" rel="stylesheet" href="html/css/style.css" />
    <script type="text/javascript" src="html/scripts/function.js"></script>
    <script type="text/javascript" src="js/jquery-3.1.1.min.js"></script>
    <script type="text/javascript" src="js/tittlebox.js"></script>
</head>
<body>
<div id="header" class="wrap">
    <div id="logo"><img src="html/images/logo.gif" /></div>
    <div class="help"><a href="/shopping/html/ShowProductInCarServlet" class="shopping">购物车</a>
        <a href="guestbook.jsp">留言</a></div>
    <script>
        var name =  "${sessionScope.user.username}";
        console.log(name);
        if(name==""){
            $(".help").append("<a href=\"login.jsp\">登录</a><a href=\"register.jsp\">注册</a>");
        }else{
            $(".help").append("<a href='html/LogOutServlet'>欢迎"+name+"登录，点击注销</a>")
        }
    </script>
    <div class="navbar">
        <ul class="clearfix">
            <li class="current"><a href="#">首页</a></li>
            <li><a href="#">图书</a></li>
            <li><a href="#">百货</a></li>
            <li><a href="#">品牌</a></li>
            <li><a href="#">促销</a></li>
        </ul>
    </div>
</div>
<div id="childNav">
    <div class="wrap">
        <ul class="clearfix">
            <li class="first"><a href="#">音乐</a></li>
            <li><a href="#">影视</a></li>
            <li><a href="#">少儿</a></li>
            <li><a href="#">动漫</a></li>
            <li><a href="#">小说</a></li>
            <li><a href="#">外语</a></li>
            <li><a href="#">数码相机</a></li>
            <li><a href="#">笔记本</a></li>
            <li><a href="#">羽绒服</a></li>
            <li><a href="#">秋冬靴</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">美容护肤</a></li>
            <li><a href="#">家纺用品</a></li>
            <li><a href="#">婴幼奶粉</a></li>
            <li><a href="#">饰品</a></li>
            <li class="last"><a href="#">Investor Relations</a></li>
        </ul>
    </div>
</div>
<div id="position" class="wrap">
    您现在的位置：<a href="index.jsp">易买网</a> &gt; <a href="product-list.jsp?common_id=${param.common_id}&typename=${param.typename}">${param.typename}</a> &gt;
</div>
<div id="main" class="wrap">
    <div class="lefter">
        <div class="box">
            <h2>商品分类</h2>
            <dl>
                <dt>图书音像</dt>
                <dd><a href="product-list.html">图书</a></dd>
                <dd><a href="product-list.html">音乐</a></dd>
                <dt>百货</dt>
                <dd><a href="product-list.html">运动健康</a></dd>
                <dd><a href="product-list.html">服装</a></dd>
                <dd><a href="product-list.html">家居</a></dd>
                <dd><a href="product-list.html">美妆</a></dd>
                <dd><a href="product-list.html">母婴</a></dd>
                <dd><a href="product-list.html">食品</a></dd>
                <dd><a href="product-list.html">手机数码</a></dd>
                <dd><a href="product-list.html">家具首饰</a></dd>
                <dd><a href="product-list.html">手表饰品</a></dd>
                <dd><a href="product-list.html">鞋包</a></dd>
                <dd><a href="product-list.html">家电</a></dd>
                <dd><a href="product-list.html">电脑办公</a></dd>
                <dd><a href="product-list.html">玩具文具</a></dd>
                <dd><a href="product-list.html">汽车用品</a></dd>
            </dl>
        </div>
        <script>
            loadBox();
        </script>
        <div class="spacer"></div>
        <div class="last-view">
            <h2>最近浏览</h2>
            <dl class="clearfix">

                <dt><img  src="html/images/product/0_tiny.gif" /></dt>
                <dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
                <dt><img src="html/images/product/0_tiny.gif" /></dt>
                <dd><a href="product-view.html">法国德菲丝松露精品巧克力500g/盒</a></dd>
            </dl>
            <script type="text/javascript">
                var YSHload = function () {
                    $.ajax({
                        type: "POST",
                        url: "selYSHServlet",
                        dataType: "Json",
                        success: function (data) {				//成功后触发
                            if (data != null) {
                                $("dl[class='clearfix']").find("dt").remove();
                                $("dl[class='clearfix']").find("dd").remove();
                                $.each(data,function (index,object) {
                                    var html = "<dt><img width=\"54px\" height=\"54px\" src=\"html/images/product/"+object.pic+"\" /></dt>\n" +
                                        "                <dd><a href=\"ViewCommondityServlet?commodity_id="+object.commodity_id+"\">"+object.commodity_name+"</a></dd>";
                                    $("dl[class='clearfix']").append(html);
                                })
                                pnum = parseInt( data.pagenum);
                            } else {

                            }
                        },
                        error: function (jqxhr, textstatus, errorThrown) {		//发生错误时触发
                            console.log("错误");
                        }
                    })
                }
                YSHload();
            </script>
        </div>
    </div>
    <script>
        var pnum = 1;
    </script>
    <div class="main">
        <div class="product-list">
            <h2>全部商品</h2>
            <div class="pager">
                <ul class="clearfix">
                    <li><a href="javascript:SPload(common_id,pnum--)">上一页</a></li>
                    <li><a href="javascript:SPload(common_id,pnum++)">下一页</a></li>
                </ul>
            </div>
            <div class="clear"></div>
            <script>
                var common_id=${param.common_id};
                var SPload = function (common_id,pagenum) {
                    $.ajax({
                        type: "POST",
                        url: "SelCommodityServlet",
                        dataType: "Json",
                        data:{
                            "common_id":common_id,
                            "pagenum":pagenum
                        },
                        success: function (data) {				//成功后触发
                            if (data != null) {
                               $("ul[class='product clearfix']").find("li").remove();

                               $.each(data.list,function (index,object) {
                                   var html = "";
                                   html += "<li>\n" +
                                       "                    <dl>\n" +
                                       "                        <dt><a href=\"ViewCommondityServlet?commodity_id="+object.commodity_id+"\" target=\"_blank\"><img src=\"html/images/product/"+object.pic+"\" /></a></dt>\n" +
                                       "                        <dd class=\"title\"><a href=\"ViewCommondityServlet?commodity_id="+object.commodity_id+"\"  target=\"_blank\">"+object.commodity_name+"</a></dd>\n" +
                                       "                        <dd class=\"price\">￥"+object.now_price+"</dd>\n" +
                                       "                    </dl>\n" +
                                       "                </li>"
                                   $("ul[class='product clearfix']").append(html);
                               })
                                pnum = parseInt( data.pagenum);
                            } else {

                            }
                        },
                        error: function (jqxhr, textstatus, errorThrown) {		//发生错误时触发
                            console.log("错误");
                        }
                    })
                }
                SPload(common_id,pnum);
            </script>
            <ul class="product clearfix">

            </ul>
            <div class="clear"></div>
            <div class="pager">
                <ul class="clearfix">
                    <li><a href="javascript:SPload(common_id,pnum--)">上一页</a></li>
                    <li><a href="javascript:SPload(common_id,pnum++)">下一页</a></li>
                </ul>
            </div>
        </div>
    </div>
    <div class="clear"></div>
</div>
<div id="footer">
    Copyright &copy; 2010 北大青鸟 All Rights Reserved. 京ICP证1000001号
</div>
</body>
</html>

